<style>
#display {
	position:absolute;left:0px;top:56px;
	width:200px;
	background:#818176;	
	padding-bottom:2px;
	border-radius:0 0 4px 4px;
    display:none;
}
#display:hover{
    display: block;
}
.a1 {
		width:400px;
		height:135px;
		position:absolute;left:800px;top:0px;
	}
.logo {
	position:relative;
	height:135px;
}
.a2 {
		width:600px;
		height:135px;
		position:absolute;left:160px;top:0px;
	}
.a3 {
		width:132px;
		height:135px;
		position:absolute;left:0px;top:0px;
	}
</style>
<div class="header">
	<div class="a1">
		<embed width="400" height="135" allowscriptaccess="always" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="/images/richdoor.swf"/>
	</div>
	<div class="logo">
		<img src="/images/site_image/logo.png" alt="richdoorvn logo" title="richdoorvn logo" />
        <div class="a2">
		<embed width="600" height="135" allowscriptaccess="always" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="/images/new.swf"/>
	</div>
	<div class="a2">
		<embed width="600" height="135" allowscriptaccess="always" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="/images/new2.swf"/>
	</div>
	</div>
	<div class="nav">
		<ul class="navUl fl">			
			<li class="home_page"><a class="navA" href="/trang-chu"><img class="home_page_icon" src="<?php echo $path_img_site?>go_home.png"/></a></li>
            <li class="hasChild2"><a class="navA" href="/san-pham">Sản phẩm</a>
                <div id="display2">
    				<?php include 'inc_nav_sp_dropdown.php'?>
                </div>
            </li> 
			<li class="hasChild"><a class="navA" href="/tin-tuc">Tin tức</a>
               <div id="display">
				<?php  include 'inc_nav_news_dropdown.php'?>
                </div> 
			</li>
            <li class="hasChild1"><a class="navA" href="/gioi-thieu">Giới thiệu</a></li>
			<li><a class="navA" href="/tuyen-dung">Tuyển dụng</a></li>
			<li><a class="navA" id="contact_us" href="/lien-he">Liên hệ</a></li>
		</ul>
		<?php include 'inc_news_bar.php' ?>
	</div>
</div><!-- END header -->
<script>

$(document).ready(function(){
    $('.nav > ul > li').hover(function(){
        $('.navA').removeClass('navActive');
        $(this).find('.navA').addClass('navActive');
    },function(){
        $(this).find('.navA').removeClass('navActive');
    });
    
    //Tin tức
    $(".hasChild").hover(function(){
        $("#display").slideDown("normal");
    },function(){
        $("#display").slideUp("normal"); 
    });
    
    //Sản phẩm
    $(".hasChild2").hover(function(){
        $("#display2").slideDown("normal");
    },function(){
        $("#display2").slideUp("normal"); 
    });
});
 
  
</script>
</script>
